﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Home.aspx.cs" Inherits="A_LetsDeal_Home" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Let's Deal - Mua hàng với giá rẻ nhất</title>
    <script type="text/javascript" src="jquery-1.7.2.min.js"></script>

<style type="text/css">
body
{
    margin:0px 0px 0px 0px;	
}
.discount1
{
	position:absolute;
	width: 124px;
	height: 124px;
	color: white;
	z-index: 2;
	line-height: 28px;
	text-align: center;
	padding-top:25px;
	padding-left: 7px;
	font-weight:bold;
	font-size:large;
}
div#lightbox{
	width:800px;
	height:553px;
	border:3px solid #fff;
	position: fixed;
	z-index: 11111222;
	background-color: #000;
}
div#lightbox p,
div#lightbox img{
	position: absolute;
}
div#lightbox p{
	width:98.8%;
	background-color:rgba(0,0,0,0.85);
	padding: 5px;
	bottom:0;
}
div#gray{
	width:100%;
	height:100%;
	position: fixed;
	z-index: 1111111;
	background-color:rgba(0,0,0,0.8);
	cursor: pointer;
	text-align:center;
}
div#gray a
{
	position: absolute;
	width:150px;
	color: Blue;
	font-weight:bold;
	background-color: #fff;
	padding: 5px;
	text-decoration:none;
}   
</style>   
<script type="text/javascript">
		$(document).ready(function() {

			var wid = $(window).width();
			var hei = $(window).height();

			// BEGIN LIGHTBOX
			$("body").prepend('<div id="lightbox"><div class="discount1"><span>Chỉ có tại<br/>Let&rsquo;s Deal</span></div><img src="../Photos/amthuchanquoc_1.JPG" width="100%" height="100%"/><img src="../Photos/discount.png" class="discount" /></div>')
			$("body").prepend('<div id="gray"><a href="../A_LetsDeal/Default.aspx" title="">Đến Let&rsquo;s Deal ngay !</a></div>');
			var lb = $("#lightbox");
			var gray = $("#gray a");

			lb.append("<img>");
			lb.css({"marginLeft":wid/2-400,"marginTop":hei/2-553/2});
			
			gray.click(function(){
                gray.hide();
                lb.hide();
		    });
		});
</script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
    
    </div>
    </form>
</body>
</html>
